import React from 'react'
import { Button, Form, Input, Card } from 'antd';
import OaBreadcrumb from '@/components/OaBreadcrumb';


export default function AddStaff() {
    const onFinish = (values) => {
        console.log('Success:', values);
    };
    const onFinishFailed = (errorInfo) => {
        console.log('Failed:', errorInfo);
    };
    return (
        <>
            <OaBreadcrumb></OaBreadcrumb>
            <Card>
                <Form name="basic" labelCol={{ span: 1 }} initialValues={{ remember: true }}
                    onFinish={onFinish}
                    onFinishFailed={onFinishFailed}
                    autoComplete="off"
                >
                    <Form.Item label="姓名" name="realname" rules={[{ required: true, message: '请输入姓名!' }]}>
                        <Input />
                    </Form.Item>

                    <Form.Item label="邮箱" name="email" rules={[{ required: true, message: '请输入邮箱!' }]} >
                        <Input />
                    </Form.Item>

                    <Form.Item label="密码" name="password" rules={[{ required: true, message: '请输入密码!' }]} >
                        <Input.Password />
                    </Form.Item>

                    <Form.Item label="部门" name="department"  >
                        <Input disabled />
                    </Form.Item>

                    <Form.Item label="领导" name="leader"  >
                        <Input disabled />
                    </Form.Item>

                    <Form.Item wrapperCol={{ offset: 1, span: 16 }}>
                        <Button type="primary" htmlType="submit">
                            提交
                        </Button>
                    </Form.Item>
                </Form>
            </Card>
        </>
    )
}
